﻿<header class="logo-header" data-bind="visible: !isEmbedded">
    <div class="title">
        <img style="vertical-align: middle" src="Content/images/magen.png" />
        <span style="vertical-align: middle">
            Chavah <span class="hidden-xs">Messianic</span> Radio
        </span>
    </div>
    <div class="hidden-xs" style="position: absolute; right: 0; top: 0; z-index: -1">
        <img style="width: 340px; height: 480px;" src="Content/images/chavah.png" />
    </div>
    <div id="signInContainer" class="subtitle">
        <span>
            <i class="fa fa-angle-right"></i>
            <span data-bind="visible: !isSignedIn() && !isProcessingSignIn()">internet radio for Yeshua's disciples | <button class="btn btn-link" data-bind="click: signIn"><i class="fa fa-sign-in"></i> Sign in</button></span>
            <span data-bind="visible: isProcessingSignIn" style="display: none;">internet radio for Yeshua's disciples | <i class="fa fa-circle-o-notch fa-spin"></i> Signing in...</span>
            <span data-bind="visible: isSignedIn" style="display: none;">internet radio for <a href="#" data-bind="text: signedInUserName, click: showProfile" title="View your profile"></a>, disciple of Yeshua | <button class="btn btn-link" data-bind="click: signOut"><i class="fa fa-sign-out"></i> Sign out</button></span>
        </span>
    </div>
</header>

<div>    
    <div class="container page-host" data-bind="router: { transition:'entrance', cacheViews:false }">
        
    </div>
</div>
<footer class="hidden-xs" data-bind="visible: isEmbedded === false">
    <div style="width: 100%;">
        <a href="#" target="_blank" data-bind="text: latestBlogPostTitle, attr: { href: latestBlogPostHref }"></a>
        <span>|</span>
        <a href="#about" target="_blank">About</a>
        <span>|</span>
        <a href="http://www.facebook.com/pages/Chavah-Messianic-Radio/134887069882254" target="_blank">Like us on Facebook</a>
        <span>|</span>
        <a href="https://twitter.com/intent/user?screen_name=MessianicRadio" target="_blank">@MessianicRadio</a>
        <span>|</span>
        <a href="http://judahgabriel.blogspot.com" target="_blank">Author's blog</a>
        <span>|</span>
        <a href="http://messianicchords.com" target="_blank">MessianicChords</a>
        <span>|</span>
        <a href="http://www.tabernacleofdavidministries.com/" target="_blank">In Minnesota? Join us for shabbat</a>
        <span>|</span>
        <a href="http://www.holylanguage.com/radio.html" target="_blank">Check out our friends at Yeshua Radio</a>
        <span>|</span>
        <a href="mailto:judahgabriel@gmail.com">Contact Us</a>
    </div>
</footer>